// -------------------数据回填-----------------
// 封装函数的目的是为了多次调用
function renderUser() {
    $.ajax({
        url: '/my/user/userinfo',
        success: function(res) {
            if (res.status === 0) {
                // 数据回填
                // $('input[name=username]').val(res.data.username)
                // $('input[name=nickname]').val(res.data.nickname)
                // $('input[name=email]').val(res.data.email)

                // layui提供了一个快速回填的方法 form.val()

                let form = layui.form; // 加载模块
                // form.val('表单的lay-filter属性值','对象格式的数据，对象的key必须和Input的name属性值相同')
                form.val('abc', res.data)
            }
        }
    });
}
renderUser();

// -------------------修改用户信息-----------------
// 表单提交时间--阻止默认行为--收集数据--ajax提交接口
$('form').on('submit', function(e) {
    e.preventDefault();
    let data = $(this).serialize();
    // console.log(data);
    $.ajax({
        url: '/my/user/userinfo',
        type: 'POST',
        data: data,
        success: function(res) {
            if (res.status === 0) {
                // 给一个提示
                layer.msg(res.message);
                // 及时更新index页面侧边栏的 欢迎你xxx
                // 可以调用父页面的函数，但是有前提条件
                // 1. 只有在真实的服务器环境中才可以，必须使用live server
                // 2. 必须使用iframe把两个页面建立起父子关系
                // 调用语法:window.parent.父页面函数

                window.parent.getUserInfo();
            }
        }
    })
})

$('button[type=reset]').on('click', function(e) {
    e.preventDefault();
    renderUser(); // 调用函数，重新回填
})